Skip to main content

All Questions

0votes
0answers
21views

modify existing css code to place one bootstrap icon to the left and one bootstrap icon to the right side of text 'EastPDF™ Password Manager' in html

I am looking to modify my css (code provided below) to change the placement of two bootstrap icons provided in the html code below whereby one icon is placed to the left-side of the text 'EasyPDF™ ...
Boilermaker73's user avatar
0votes
0answers
57views

Texts have extra white margin - How to accommodate when translating PSD into HTML?

In html, there is white space above and below texts, and it is apparent when the text is big. Can this top and bottom white space around texts be removed with CSS\html? If not, how to calculate the ...
compliance's user avatar
1vote
1answer
59views

Add horizontal scroll and align columns in Bootstrap table

I am trying to add a horizontal scroll bar to a Bootstrap based table. The table looks like this: If there is large data in Remaining candidates (Ex: Wolfeschlegelsteinhausenbergerdorfflastname, ...
Gauravsa's user avatar
1vote
1answer
43views

Toggle collapsible element visibility with select

Is there a way to toggle the visibility of elements with a select's options? I've tried to put the data-bs-toggle/data-bs-target attributes : directly on the option, on an inner a, on an inner button....
Pragmateek's user avatar
1vote
1answer
45views

Ensure not all collapsible elements with same parent are hidden

I have a set of collapsible elements whose visibility is controlled via data-bs-toggle="collapse"/data-bs-target, and only one should be visible at a given time. This behavior is achieved ...
Pragmateek's user avatar
0votes
1answer
47views

css - overflow the table until reach the footer

I have this example: https://jsfiddle.net/xcugq7d1/ <div class="container-fluid pt-1 pb-1 mb-3 header-section"> Header Section </div> <div class="container-fluid ...
calin24's user avatar
0votes
2answers
145views

Bootstrap 5.3.x: Why does "w-100 d-block d-md-none" not work when I try to break a column to a new line?

I am trying to create a list of images and each occupies 4 columns in medium and larger screens and occupies 12 columns on smaller screens. However, when I try to resize the screen to smaller size (...
Jay's user avatar
2votes
1answer
56views

I am trying to use the Bootstrap inverse menu used the same code but not working

I am trying to create menu with inverse i.e. with black background and white font style. I used the sample code same but its not shows the proper menu. What I am missing here? <!doctype html> &...
Shivshanker Cheral's user avatar
0votes
1answer
55views

How can I use Bootstrap's grid layout to achieve similar results as using justify-content: space-around flexbox property?

This is part of an online exercise where I need to style the webpage using only Bootstrap. The code is working fine, but I want to apply a Bootstrap class for its Grid layout which contains the cards ...
Steve's user avatar
0votes
3answers
112views

How to adjust list item vertical position to match custom bullet image?

I have a Twitter Bootstrap website with a <ul> element with a custom image for bullets. It works, but the vertical alignment of the list items does not match the bullet image. The text is too ...
Jonathan Wood's user avatar
0votes
1answer
43views

how to set left and top margin in my bootstrap template

I am writing the front end for a library management system. When a user clicks View on a book they're being redirected to details of the book in a bootstrap card like shown in the picture below. I am ...
holybull's user avatar
1vote
2answers
91views

How to add Icon background within a container?

I have an example of what I want to achieve. As you can see, there is a little refresh icon inside that pill on the right-hand side with its own color and background color. I tried to get something ...
sirzento's user avatar
0votes
0answers
35views

iOS Keyboard Blocking Dynamic Bottom Canvas in Vue 3 with Bootstrap 5

IPhone Keyboard block Bootstrap 5 Bottom Canvas Describe the issue I'm building a Vue 3 project with Bootstrap 5, and I've implemented a dynamic bottom canvas (offcanvas) where users can add and ...
odion_cloud's user avatar
1vote
1answer
31views

Change width of form-inline input and label

I'm trying to change the width of an entire form-inline- both the input and label. You can see the search box and label on this page drops down and I would like it to fit on the same line. https://dev....
xanabobana's user avatar
0votes
0answers
48views

Only Skyscraper Ads Overflowing from it's div in Google Adsense Automatic Ads

I started to use google adsense automatic ads one or two days ago. I use bootstrap on my website. All of the ads displaying excellent but skyscrapper ads which are narrow and has long value pixels ...
webworm84's user avatar

153050per page
close